* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size:0.32rem;
}
ul, li {
  list-style: none; }

a {
  text-decoration: none;
  color: #333; }

body {
  width: 100%;
  }
img {
  max-width: 100%;

    }

input{
  border: none;
    }

.header{
      width: 100%;height: 2rem;display: flex;background:#56bce1 ;
      .zi{
        color: #fff
          }
          img{

              position: absolute;
              left:1.2rem;
            }
      input{

            padding: 0.1rem;
            margin-left: 0.5rem;
            border-radius:50px;
            background-color:#fff; opacity:0.5
            }
        }
  .nav{width:100%;height: auto;margin-top: 0.5rem;
       ul{
         width: 100%;height: auto;display: flex;justify-content: space-around;
         li{
           text-align: center;
           widows: 25%;
           img{
             width:0.8rem ;
           }
         }
         }
}
.xian{
    width:100% ;
    height: 0.2rem;
    margin-top: 0.5rem;
    background:#fdf5dd ;
    }
.content{
  width: 90%;
  margin:0 auto;
    h2{
      margin-top:0.1rem;
      }
  ul{
    margin-top: 0.2rem;
    padding:0.2rem ;
    background:#eeeeee ;
    display: flex;
    li{

    }
    }
    .content-1{
      img{
          width: 1rem;
          }
              span{
                margin-top: 0.2rem;
                font-size:0.45rem ;
                position:absolute;
              }
              }
        }
.list{
    ul{
      width: 100%;
      height: auto;
      display: flex;
      justify-content: space-around;
      padding: 0.2rem;
      border-bottom:1px solid #ccc;
      li{
        text-align: center;
        width: 25%;
        font-size:0.25rem ;

      }
    }
    }

.list-2{


  border-bottom:1px solid #ccc;
  .list-2-1{
      display: flex;
      justify-content:space-between;
  }

ul{
  margin:0 auto;
width: 90%;
}

.baozhang{
        padding-top:0.2rem;
        img{
          width:1.4rem;
        }
          }
.list-2-zi3 span{
      font-size:0.2rem;
      img{
        padding-left:0.1rem ;
        padding-right:0.1rem ;
        width: 0.4rem;
        }
          }
.list-2-zi1{
    font-weight:600;
  }
.list-2-zi2{
      color:#ec5c44;
    }
    }
    .footer{width:100%;
          height: auto;
          position: fixed;
          bottom:0;
          left:0 ;
        ul{width: 100%;
          background: #fff;
          height: auto;
          display: flex;
          justify-content: space-around;
      li{
        img{
          width: 0.46rem;
        }
      }
        }
          }
